{include file="public/head"}
    <style>
        .n-tabs {
            position: fixed;
            top:44px;
            left: 0;
            width: 100%;
            height: 41px;
            overflow: hidden;
            z-index: 1000;
            background-color: #fff;
            box-shadow: 0 0 10PX 0PX rgba(155,143,143,0.6);
            -webkit-box-shadow: 0 0 10PX 0PX rgba(155,143,143,0.6);
            -moz-box-shadow: 0 0 10PX 0PX rgba(155,143,143,0.6);
        }
        .n-tabs .edge {
            position: fixed;
            top: 0;
            height: 41px;
            width: 100%;
            border-bottom: 1px solid #e5e5e5;
        }
        .n-tabs .n-tabContainer {
            -webkit-overflow-scrolling: touch;
            position: relative;
            top: 0;
            left: 0;
            overflow-x: auto;
            overflow-y: hidden;
            padding-left: 16px;
            height: 51px;
            font-size: 14px;
            color: #333;
            white-space: nowrap;
        }
        .n-tabs .n-tabContainer .navtab {
            display: -webkit-box;
            display: -webkit-flex;
            display: flex;
        }

        .n-tabs .n-tabContainer .n-tabItem {
            -webkit-box-flex: 1;
            -webkit-flex-grow: 1;
            flex-grow: 1;
            -webkit-flex-shrink: 0;
            flex-shrink: 0;
            display: inline-block;
            height: 41px;
            line-height: 41px;
            text-align: center;
            margin-left: 20px;
        }
        .n-tabs .n-tabContainer .n-tabItem:first-child {
            margin-left: 0;
        }
        .n-tabs .n-tabContainer .n-tabItem .current {
            display: inline-block;
            height: 41px;
            border-bottom: 2px solid #e31436;
            color: #e31436;
        }
    </style>


<body style="background:#eee">
<!--class="current"-->
<header class="aui-header-default aui-header-fixed aui-header-bg">
    <a href="{:url('Goods/ClassList')}" class="aui-header-item">
        <i class="aui-icon aui-icon-back-white"></i>
    </a>
    <div class="aui-header-center aui-header-center-clear">
        <div class="aui-header-center-logo">
            <div class="aui-car-white-Typeface" style="color:black;font-weight: bold;">商品列表</div>
        </div>
    </div>
    <!--<a href="#" class="aui-header-item-icon"   style="min-width:0">-->
    <!--    <i class="aui-icon aui-icon-search"></i>-->
    <!--</a>-->
</header>
<section class="n-tabs">
    <ul class="n-tabContainer" id="auto-id-1509603311057">
        {volist name="ClassList" id="v"}
        <li class="n-tabItem" data-id="homepage">
            <a href="{:url('Goods/GoodsList',array('ClassID'=>$v.id))}" id="{$v.id}">{$v.name}</a>
        </li>
        {/volist}
    </ul>
</section>
<section class="aui-Purchase-content">
    <div class="aui-list-product-box aui-list-product-box-clear">
        {volist name="GoodsList" id="vv"}
        <a href="{:url('Goods/GoodsDetail',array('goods_id'=>$vv.id))}" class="aui-list-product-item">
            <div class="aui-list-product-item-img">
                <img src="{$vv.logo_url}" alt="">
            </div>
            <div class="aui-list-product-item-text">
                <h3 style="height: 2rem">{$vv.name}</h3>
                <div class="aui-list-product-mes-box">
                    <div>
                        <span class="aui-list-product-item-price"><em>¥</em>{$vv.price}</span>
<!--                        <span class="aui-list-product-item-del-price">¥495.65</span>-->
                    </div>
                    <!--<div class="aui-comment">炁点可抵：{$vv.proportion*100}%</div>-->
                </div>
            </div>
        </a>
        {/volist}
    </div>
</section>


<script type="text/javascript" src="__STATIC__/User/js/jquery.min.js"></script>
<script type="text/javascript" src="__STATIC__/User/js/aui.js"></script>
<script type="text/javascript" >
    $(function () {
        var ClassID = "{$ClassID}";
        $("#"+ClassID).addClass('current');
    })
</script>

</body>
</html>